<template>
  <div class="sidebar">
    <h1>设计内容</h1>
    <p>为各部分区域设计统一样式;全局取消元素内外边距，按box尺寸计算</p>
    <h2>需求0</h2>
    <p>基于当前HTML代码，弹性棚格布局页面。header/footer占1行; main中sidebar最小宽度200px; article占剩余全部。行中空间不足元素不换行，由响应式布局决定小尺寸显式效果</p>
    <h2>上导航+1</h2>
    <p>基于弹性布局，为header中的上导航添加背景色/悬浮字体颜色等样式，且将logout推至最右侧</p>
    <h2>左侧边栏+1</h2>
    <p>为左侧边栏添加样式，添加背景色/字体色/悬浮等等样式</p>
  </div>
</template>

<script lang="ts">
export default {};
</script>

<style scoped>
</style>>
